<html>
	<head>
    	<script type="text/javascript" src="js/jquery.js" ></script>
        <script type="text/javascript" src="js/jquery.datePicker.js"></script>
        <!--[if IE]><script type="text/javascript" src="js/jquery.bgiframe.min.js"></script><![endif]-->
        <script type="text/javascript"  charset="utf-8">
			$(function(){
				$('.date-pick').datePicker();
			});
        </script>
        <link href="css/datePicker.css" rel="stylesheet"/>
        <style>
					  input.dp-applied {
	width: 140px;
	float: left;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url("css/calendar.png") no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#calendar-me {
	margin: 20px;
}
pre.sourcecode {
	border: 2px dashed #ccc;
	padding: 10px;
	width: 734px;
	overflow: auto;
	margin: 0 0 20px;
}
		</style>
    </head>
    <body>
    	<input class="date-pick" />
        <input class="date-pick" />
    </body>
</html>